@charset "utf-8";

@import "common/common";

.banner{
    width: 100%;
    height: 993px;
//  background: blue;
    background-image: url(../img/banner.jpg);
    background-size: 100%;
    color: white;
    position: relative;
    .banner_imge1 img{
        position: absolute;
        top: 120px;
        }
    .banner_imge2 img{
        position: absolute;
        bottom: 0;
        right: 0;
        }    
    span:first-child{ 
        font-size: 22px;       
       position: absolute;
       top:130px;
       right: 180px;    
    }
    span:nth-of-type(2){
        font-size: 30px;
        position: absolute;
        top:164px;
        right: 180px;
    }
    input{
        width: 172px;
        height: 56px;
        border-radius: 5px;
        font-size: 18px;
        color: white;
        background: #3498db;
        position: absolute;
        top: 280px;
        right: 360px;
        cursor: pointer;
    }
    input:nth-of-type(2){
        background: #3498db;
        position: absolute;
        top: 280px;
        right: 180px;
    }
    input:hover{
        background: #1abc9c;
    }
    .banner_txt{
        width: 628px;
        height: 188px;
        color: black;
        position: absolute;
        bottom: 100px;
        left: 154px;
        overflow: hidden;
        text-overflow: ellipsis;        
        p{font-size: 18px;padding-bottom: 28px;}
        span{font-size: 12px;
        color: #4a5b6d;
        line-height: 27px;
        }
    }
}
.content_do{
    width: 100%;
    height: 460px;
    background: #38373d;
    .do_top{
        color: white;
        height: 110px;
        text-align: center;
        padding-top: 34px;
        span:first-child{font-size: 26px;}
        span:nth-of-type(2){font-size: 18px;}
    }
    .do_user{
        width: 182px;
        text-align: center;
        margin-top: 10px;
        margin-left: 301px;
        color: white;
        float: left;
        p{font-size: 16px;
        padding: 33px 0;
        }
        span{font-size: 12px;        
        }
    }
    .do_network{
        width: 182px;
        text-align: center;
        margin: 0 98px;
        margin-top: 10px;
        color: white;
        float: left;
        p{font-size: 16px;
        padding: 33px 0;
        }
        span{font-size: 12px;        
        }
    }
    .do_miuse{
        width: 182px;
        text-align: center;
        margin-top: 10px;
        color: white;
        float: left;
        p{font-size: 16px;
        padding: 33px 0;
        }
        span{font-size: 12px;        
        }
    }
}
.content_new{
    width: 100%;
    height: 572px;
    p{
        font-size: 26px;
        color: #2c3e50;
        text-align: center;
        padding-top: 50px;
        padding-bottom: 10px;
    }
    hr{
       width: 614px;
       color: #FFFFFF; 
    }
    .new_xinxi{
        width: 820px;
        margin-left: 208px;
        background: red;
        .new_01{
            width: 380px;
            height: 92px;
            font-size: 14px;
            margin-top: 20px;
            margin-right: 58px; 
            float: left;         
            img{padding-right: 20px;}                      
            .new_01_txt{
                padding-top: 26px;               
                span:nth-of-type(2){float: right;
                
                }
            }
        }
        .new_02{
            width: 380px;
            height: 92px;
            font-size: 14px;
            margin-top: 20px;
            float: left;         
            img{padding-right: 20px;}                      
            .new_02_txt{
                padding-top: 30px;
                span:nth-of-type(2){float: right;}
            }
        }
    }
}
.carousel{
    width: 1280px;
    height: 652px;
}
.product{
    width: 100%;
    min-width: 1280px;
    height: 654px;
    background: url(../img/lun_bg.jpg)no-repeat;
    background-size: 100%;
    position: relative;
    border-bottom: 88px solid #ebecec;
    h2{
        text-align: center;
        font-size: 26px;
        color: #fff;
        margin: 0 auto;
        width: 612px;
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 15px;
        padding-top: 30px;
    }
    .pro_img{
        a{
            display: inline-block;
        }
        .pro1{
            width: 243px;
            height: 245px;
            overflow: hidden;
            display: inline-block;
            margin-left: 148px;
            margin-top: 140px;
            img{
                width: 100%;
            }
            
        }
        .pro2{
            width: 370px;
            height: 370px;
            overflow: hidden;
            display: inline-block;
            margin-left: 78px;
            margin-top: 32px;
            img{
                width: 100%;
            }
        }
        .pro3{
            width: 248px;
            height: 245px;
            overflow: hidden;
            display: inline-block;
            margin-left: 78px;
            margin-top: 144px;
            img{
                width: 100%;
            }
        }
    }
}
